<!DOCTYPE html>
<html lang="en">

<head>
    <!-- 吴英思编写 -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/all.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/register.css">
    <title>登录</title>
</head>

<body>
    <div class="bd">
        <div class="bd_l">
            <img src="img/loading/side.jpg">
        </div>
        <div class="bd_r">
            <header>
                <div class="logo">
                    <img src="img/logo.png">
                    <span>小米账号</span>
                </div>
                <nav>
                    <a href="#">用户协议</a>
                    <a href="#">隐私政策</a>
                    <a href="#">帮助中心</a>
                    <a href="#">中文（简体）
                        <div class="nav_ico"></div>
                        <div class="language">
                            <p>中文（繁體）</p>
                            <p>English</p>
                        </div>
                    </a>
                </nav>
            </header>
            <!-- 登录块 -->
            <div class="menu">
                <div class="iconfont erweima">&#xe604;</div>
                <div class="login_prompt">扫描登录</div>
                <div class="login_hd">
                    <a href="#" class="current">登录</a>
                    <a href="#">注册</a>
                </div>
                <div class="box">
                    <!-- 登录 -->
                    <div class="login">
                        <div class="txt_box">
                            <span class="txt_big">邮箱/手机号码/小米ID</span>
                            <input type="text" class="txt">
                            <p class="txt_error">请输入账号</p>
                        </div>
                        <div class="psd_box">
                            <span class="psd_big">密码</span>
                            <input type="password" class="psd">
                            <p class="psd_error">请输入登录密码</p>
                            <div class="psd_btn iconfont">&#xe60c;</div>
                        </div>
                        <div href="#" class="check_box">
                            <label for="check" class="iconfont check"></label>
                            <input type="checkbox" id="check">
                            <span>已阅读并同意小米帐号</span> <a href="#">用户协议</a> <span>和 </span><a href="#">隐私政策</a>
                        </div>
                        <div class="check_no">
                            <img src="img/loading/point.png">
                            <span>请你同意用户条款</span>
                        </div>
                        <div class="login_btn">
                            登录
                        </div>
                        <div class="forget">
                            <a href="javascrpit:;">忘记密码？</a>
                            <a href="javascrpit:;">手机号登录</a>
                        </div>
                        <div class="login_way">
                            <p>其他方式登录</p>
                            <a href="#"></a>
                            <a href="#"></a>
                            <a href="#"></a>
                            <a href="#"></a>
                        </div>
                    </div>
                    <!-- 登录结束 -->
                    <!-- 注册 -->
                    <div class="enroll">
                        <div class="region_box">
                            <div class="region_min">
                                国家/地区
                            </div>
                            <input list="source" class="region">
                            <datalist id="source">
                                <option value="">中国</option>
                                <option value="">俄罗斯</option>
                                <option value="">美国</option>
                                <option value="">法国</option>
                                <option value="">英国</option>
                            </datalist>
                            <p class="region_error">请选择国家/地区</p>
                        </div>
                        <div class="phe_box">
                            <div class="phe_btn">
                                <h6>国家码</h6>
                                <p>+86</p>
                                <i class="iconfont">&#xe87e;</i>
                            </div>
                            <span class="phe_big">手机号</span>
                            <input type="text" class="phe">
                            <p class="phe_error">请输入手机号码</p>
                        </div>
                        <div class="vcod_box">
                            <span class="vcod_big">请输入验证码</span>
                            <input type="password" class="vcod">
                            <p class="vcod_error">请输入短信验证码</p>
                            <div class="vcod_btn"><a href="#">获取验证码</a></div>
                        </div>
                        <div href="#" class="check_box">
                            <label for="check_en" class="iconfont check_en"></label>
                            <input type="checkbox" id="check_en">
                            <span>已阅读并同意小米帐号</span> <a href="#">用户协议</a> <span>和 </span><a href="#">隐私政策</a>
                        </div>
                        <div class="checkb_no">
                            <img src="img/loading/point.png">
                            <span>请你同意用户条款</span>
                        </div>
                        <div class="enroll_btn">
                            注册
                        </div>
                        <div class="forget_en">
                            <a href="javascrpit:;">收不到验证码？</a>
                        </div>
                    </div>
                    <!-- 注册结束 -->
                </div>
            </div>
            <!-- 二维码登陆模块 -->
            <div class="scan">
                <div class="iconfont pc">&#xe627;</div>
                <div class="scan_prompt">密码登录</div>
                <h2>扫码登陆 安全快捷</h2>
                <img src="img/xiaomi-android.png">
                <div class="scan_hint">请使用小米手机/米家等小米旗下APP扫码登录
                    <div class="scan_ico">
                        <a href="#" class="iconfont">
                            &#xe60d;</a>
                        <div class="scan_help">
                            <h3>常用答疑</h3>
                            <p>1.如何用小米手机扫一扫？</p>
                            <h6>答：点击小米手机 - 设置 - 帐号头像 - 右上角扫一扫。</h6>
                            <p>2.小米旗下哪些App支持扫码登录？</p>
                            <h6>答：目前包含米家、小米商城、小爱音箱。</h6>
                            <p>3.其他登录方式？</p>
                            <h6>答：可以使用微信/微博/QQ客户端扫码授权登录。</h6>
                        </div>
                    </div>
                </div>
                <div class="scan_way">
                    <p>支持扫描登录的App</p>
                    <a href="#"><i>米家</i></a>
                    <a href="#"><i>小米商城</i></a>
                    <a href="#"><i>小爱音箱</i></a>
                </div>
            </div>
            <!-- 二维码结束 -->

            <footer>
                小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号
            </footer>
        </div>
        <!-- 登录块结束 -->
    </div>
    <script src="./js/register.js"></script>
    <script src="./js/animate.js"></script>
</body>

</html>